<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>${sitename}</title>
<link media="all" href="${base}/ui/puerh/css/font.css" rel="stylesheet">
<link media="all" href="${base}/ui/puerh/css/grid.css" rel="stylesheet">
<link media="all" href="${base}/ui/puerh/css/puerh.css" rel="stylesheet">
<@m.widget path="/script/script_variable" cache=false />
<style type="text/css">
#header {
	/*background: #2c3e50;*/
	background: #f8f8f8;
	padding: 10px 0 20px;
	margin-bottom: 10px;
}
#footer {
	padding: 20px 0;
	width: 100%;
	margin-top: 30px;
	border-top: 1px solid #eee;
	background: #fff;
}
.topbar-changecity {
	margin-right: 8px;
}
</style>
</head>
<body>
	<div id="topbar">
		<div class="topbar">
			<span class="topbar-date"></span>
			<a class="topbar-mobile" href="javascript:void(0);" rel="nofollow" target="_blank"><span>手机版</span></a>
			<small> | </small>
			<a class="topbar-changecity" href="${base}">首页</a>
			<div class="topbar-right" id="welcome-info">
				<a href="${base}/register" rel="nofollow">注册</a> | <a href="${base}/login" rel="nofollow">登录</a>
				<script>
				void function(data){
					if (mlog.variable.useralias) {
						document.getElementById('welcome-info').innerHTML =
							'<span class="topbar-right-text">欢迎，</span>' +
							'<a href="${base}/u/' + mlog.variable.name + '" target="_blank" id="topbar-user">' + mlog.variable.useralias.replace(/</g, '&lt;') + '</a> ' +
							'<a href="${base}/logout" id="logout">[退出]</a>'
					}
				}(null)
				</script>
			</div>
		</div>
	</div>


	<div id="header">
		<div class="container">
			<div class="grid">
				<h1><a href="${siteurl}">${sitename}</a>&nbsp;&nbsp;<small>${subname}</small></h1>
				<form class="search">
			  		<input class="input" placeholder="站内搜索">
		  			<i class="icon-search"></i>
	  				<input type="submit" class="search-trigger" title="搜索" value="">
				</form>
			</div>
		</div>
	</div>